<template>
    <div class="child">
        <p>自定义事件-我是子组件2</p>
        <button @click="handlerSelfDefineEvent">自定义事件-点击我触发自定义事件selfDefineEvent1</button>
        <!--<button @click="$emit('click','AK47','J20')">点击我触发自定义事件click</button>-->
    </div>
</template>

<script setup lang="ts">

  //利用defineEmits方法返回函数触发自定义事件
  //defineEmits方法不需要引入直接使用
  let $emit = defineEmits(["selfDefineEvent"]);
  alert(JSON.stringify($emit));

  //按钮点击回调---在setup中，this是没有的
  const handlerSelfDefineEvent = () => {
    //第一个参数:事件类型 第二个|三个|N参数即为注入数据
    $emit("selfDefineEvent", "自定义事件-子组件向父组件传值--东风导弹", "自定义事件--子组件向父组件传值--航母");
  };


</script>

<style scoped>
    .child {
        width: 400px;
        height: 200px;
        background: pink;
    }
</style>